<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>AICM</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="Cache-Control" content="no-cache"/> 
	<meta http-equiv="Cache-Control" content="max-age=0"/>
	<meta name="HandheldFriendly" content="true" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link href="css/swiper-3.3.1.min.css" rel="stylesheet" type="text/css" />
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
    <link href="css/uikit.min.css" rel="stylesheet" type="text/css" />
    <link href="css/iconfont/iconfont.css" rel="stylesheet" type="text/css" />
	<link href="css/common.css" rel="stylesheet" type="text/css" />

    <script language="javascript" type="text/javascript" src="js/jquery.min.js"></script>
    <script language="javascript" type="text/javascript" src="js/uikit.min.js"></script>
    <script language="javascript" type="text/javascript" src="js/bootstrap.js"></script>
    <script language="javascript" type="text/javascript" src="js/common.js"></script>
    <script language="javascript" type="text/javascript" src="js/swiper-3.3.1.jquery.min.js"></script>
</head>

<div id="my-id" class="uk-modal">
    <div class="uk-modal-dialog">
        <a class="uk-modal-close uk-close"></a>
        <form class="uk-form uk-form-horizontal">
        	<div class="uk-form-row">
                <label class="uk-form-label uk-text-right" for="form-h-it">旧密码</label>
                <div class="uk-form-controls">
                    <input type="text" id="form-h-it" placeholder="请输入您的旧密码">
                </div>
            </div>
            <div class="uk-form-row">
                <label class="uk-form-label uk-text-right" for="form-h-it">新密码</label>
                <div class="uk-form-controls">
                    <input type="text" id="form-h-it" placeholder="请输入您的新密码">
                </div>
            </div>
            <div class="uk-form-row">
                <label class="uk-form-label uk-text-right" for="form-h-it">重复密码</label>
                <div class="uk-form-controls">
                    <input type="text" id="form-h-it" placeholder="请再次输入您的新密码">
                </div>
            </div>
        </form>
        <div class="uk-modal-footer uk-text-center">
            <button type="button" class="uk-button uk-button-primary">确认修改</button>
        </div>
    </div>
</div>

<body class="blue">

<!-- 头部开始 -->
<div class="top">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<div class="phone">
					<i class="iconfont icon-dianhua"></i><span>+86 - 800 - 8888 - 8888</span>
				</div>
				<div class="head_right_box">
					<div class="head_input_box">
						<input type="text" placeholder="Search" />
						<i class="iconfont icon-icon_search"></i>
					</div>
					<div class="head_input_box cur">Chinese</div>
					<div class="head_input_box cur" data-uk-dropdown="" aria-haspopup="true" aria-expanded="false">
						<i class="iconfont icon-denglu"></i>账号名称账号名称
						<div class="uk-dropdown uk-dropdown-navbar uk-dropdown-bottom" data-filtered="filtered">
                            <ul class="uk-nav uk-nav-navbar" data-filtered="filtered">
                                <li data-filtered="filtered"><a href="#">退出登录</a></li>
                            </ul>
                        </div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="head">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<a href="#"><img src="images/logo.jpg" /></a>
				<ul class="nav">
					<li>Home</li>
					<li data-uk-dropdown="" aria-haspopup="true" aria-expanded="false">
						News<i class="iconfont icon-weibiaoti1"></i>
						<div class="uk-dropdown uk-dropdown-navbar uk-dropdown-bottom" data-filtered="filtered">
                            <ul class="uk-nav uk-nav-navbar" data-filtered="filtered">
                                <li data-filtered="filtered"><a href="#">Item</a></li>
                                <li data-filtered="filtered"><a href="#">Another item</a></li>
                                <li class="uk-nav-header" data-filtered="filtered">Header</li>
                                <li data-filtered="filtered"><a href="#">Item</a></li>
                                <li data-filtered="filtered"><a href="#">Another item</a></li>
                                <li class="uk-nav-divider" data-filtered="filtered"></li>
                                <li data-filtered="filtered"><a href="#">Separated item</a></li>
                            </ul>
                        </div>
					</li>
					<li>Activities<i class="iconfont icon-weibiaoti1"></i></li>
					<li>Download Center<i class="iconfont icon-weibiaoti1"></i></li>
					<li>About AICM<i class="iconfont icon-weibiaoti1"></i></li>
				</ul>
			</div>
		</div>
	</div>
</div>
<!-- 头部结束 -->

<!-- 手机头部开始 -->
<div class="head_m">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<a href="#"><img src="images/logo.jpg" width="35%" /></a>
				<div class="head_m_nav_box">
					<i class="iconfont icon-denglu"></i>
					<i class="iconfont icon-icon_search"></i>
					<i class="iconfont icon-dianhua1"></i>
					<button class="mobile_nav" data-uk-offcanvas="{target:'#my-id'}"></button>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- 手机头部结束 -->

<!-- 抽屉式边栏开始 -->
<div id="my-id" class="uk-offcanvas">
    <div class="uk-offcanvas-bar uk-offcanvas-bar-flip">
    	<div class="mobile_searchbox">
    		<input type="text" />
    		<input type="button" />
    	</div>
    	<div class="mobile_navbox">
	    	<ul class="uk-nav uk-nav-offcanvas uk-nav-parent-icon" data-uk-nav>
	            <li><a href="">Home</a></li>
	            <li class="uk-active"><a href="">News</a></li>
	            <li class="uk-parent">
	                <a href="#">Activities</a>
	                <ul class="uk-nav-sub">
	                    <li><a href="">Sub item</a></li>
	                    <li><a href="">Sub item</a>
	                        <ul>
	                            <li><a href="">Sub item</a></li>
	                            <li><a href="">Sub item</a></li>
	                        </ul>
	                    </li>
	                </ul>
	            </li>
	            <li class="uk-parent">
	                <a href="#">Criterion</a>
	                <ul class="uk-nav-sub">
	                    <li><a href="">Sub item</a></li>
	                    <li><a href="">Sub item</a></li>
	                </ul>
	            </li>
	            <li class="uk-parent">
	                <a href="#">Download Center</a>
	                <ul class="uk-nav-sub">
	                    <li><a href="">Sub item</a></li>
	                    <li><a href="">Sub item</a></li>
	                </ul>
	            </li>
	            <li class="uk-parent">
	                <a href="#">About AICM</a>
	                <ul class="uk-nav-sub">
	                    <li><a href="">Sub item</a></li>
	                    <li><a href="">Sub item</a></li>
	                </ul>
	            </li>
	        </ul>
	 	</div>
    </div>
</div>
<!-- 抽屉式边栏结束 -->

<!-- banner start -->
<img src="images/banner_dc.jpg" width="100%" />
<!-- banner end -->

<!-- 正文开始 -->
<div class="content p0" id="top">
	<div class="container white">
		<h1 class="content_title black">Personal Center</h1>
		<ul class="uk-subnav user_nav" data-uk-switcher="{connect:'#subnav-pill-content-1', animation: 'slide-horizontal'}">
            <li class="uk-active">Basic Data</li>
            <li>My events</li>
            <li>Download Center</li>
            <li>Activity data</li>
            <li>兴趣点</li>
        </ul>
        <div class="clear"></div>
        <ul id="subnav-pill-content-1" data-uk-switcher="{active:2}" class="uk-switcher">
            <li class="uk-active">
            	<div class="row">
            		<div class="col-md-8">
            			<div class="user_info_box">
            				<p>所属委员会</p>
            				<h1 class="mb32">
            					<label><input type="checkbox">责任关怀委员会</label>
								<label><input type="checkbox">产业政策促进委员会</label>
								<label><input type="checkbox">公共关系与传播委员会</label>
								<label><input type="checkbox">特定工作组</label>
							</h1>
            			</div>
            			<div class="user_info_box">
            				<p>用户名</p>
            				<h1><input type="text" /></h1>
            			</div>
            			<div class="user_info_box">
            				<p>姓名</p>
            				<h1>XXXXXXXXXXXXX</h1>
            			</div>
            			<div class="user_info_box">
            				<p>公司名</p>
            				<h1>责任关怀委员会</h1>
            			</div>
            			<div class="user_info_box">
            				<p>公司座机</p>
            				<h1>XXXXXXXXXXXXX</h1>
            			</div>
            			<div class="user_info_box">
            				<p>职业</p>
            				<h1>XXXXXXXXXXXXX</h1>
            			</div>
            			<div class="user_info_box">
            				<p>手机</p>
            				<h1>XXXXXXXXXXXXX</h1>
            			</div>
            			<div class="user_info_box">
            				<p>邮箱</p>
            				<h1>XXXXXXXXXXXXX</h1>
            			</div>
            			<div class="clear"></div>
            			<input type="submit" class="submit" value="修改密码" data-uk-modal="{target:'#my-id'}" />
            			<input type="submit" class="submit" value="Edit" />
            		</div>
            		<div class="col-md-4">
            			<div class="uesr_logo_box uk-text-center">
            				<img src="images/demo/user_logo.jpg" />
            				<button type="button" class="uk-button uk-button-primary" style="    margin-top: 40px;">上传</button>
            			</div>
            		</div>
            	</div>
            </li>
            <li>
            	<div class="row mp">
            		<ul class="uk-subnav uk-subnav-pill">
            			<li class="uk-active"><a>Waiting</a></li>
            			<li><a>Participant record</a></li>
            		</ul>
            		<div class="content_event_list_box">
	            		<table class="event_list_table home" width="100%">
							<tr>
								<td>
									<div class="pc_list_date"><i class="iconfont icon-you"></i><span>01-20</span></div>
									<div class="moblie_list_date">
										<em><span>jan</span>12<span>2017</span></em>
										<i class="iconfont icon-you"></i>
										<em><span>jun</span>20<span>2017</span></em>
									</div>
								</td>
								<td>
									<a href="#"><p>AICM RCC Pollution Prevention Workshop</p></a>
									<i class="iconfont icon-iconmoban"></i>
									<span>Beijin China</span>
								</td>
							</tr>
							<tr>
								<td>
									<div class="pc_list_date"><i class="iconfont icon-you"></i><span>01-20</span></div>
									<div class="moblie_list_date">
										<em><span>jan</span>6<span>2017</span></em>
										<i class="iconfont icon-you"></i>
										<em><span>jun</span>14<span>2017</span></em>
									</div>
								</td>
								<td>
									<p>AICM RCC Pollution Prevention Workshop</p>
									<i class="iconfont icon-iconmoban"></i>
									<span>Beijin China</span>
								</td>
							</tr>
							<tr>
								<td>
									<div class="pc_list_date"><i class="iconfont icon-you"></i><span>01-20</span></div>
									<div class="moblie_list_date">
										<em><span>jun</span>3<span>2017</span></em>
										<i class="iconfont icon-you"></i>
										<em><span>jun</span>15<span>2017</span></em>
									</div>
								</td>
								<td>
									<p>AICM RCC Pollution Prevention Workshop</p>
									<i class="iconfont icon-iconmoban"></i>
									<span>Beijin China</span>
								</td>
							</tr>
							<tr>
								<td>
									<div class="pc_list_date"><i class="iconfont icon-you"></i><span>01-20</span></div>
									<div class="moblie_list_date">
										<em><span>jun</span>3<span>2017</span></em>
										<i class="iconfont icon-you"></i>
										<em><span>jun</span>15<span>2017</span></em>
									</div>
								</td>
								<td>
									<p>AICM RCC Pollution Prevention Workshop</p>
									<i class="iconfont icon-iconmoban"></i>
									<span>Beijin China</span>
								</td>
							</tr>
							<tr>
								<td>
									<div class="pc_list_date"><i class="iconfont icon-you"></i><span>01-20</span></div>
									<div class="moblie_list_date">
										<em><span>jun</span>3<span>2017</span></em>
										<i class="iconfont icon-you"></i>
										<em><span>jun</span>15<span>2017</span></em>
									</div>
								</td>
								<td>
									<p>AICM RCC Pollution Prevention Workshop</p>
									<i class="iconfont icon-iconmoban"></i>
									<span>Beijin China</span>
								</td>
							</tr>
						</table>
						<ul class="uk-pagination">
							<li><a href=""><i class="uk-icon-angle-double-left"></i></a></li>
						    <li><a href="">1</a></li>
						    <li class="uk-active"><span>2</span></li>
						    <li><a href="">3</a></li>
						    <li><a href="">4</a></li>
						    <li><span>...</span></li>
						    <li><a href="">20</a></li>
						    <li><a href=""><i class="uk-icon-angle-double-right"></i></a></li>
						</ul>
					</div>
					<a href="#top" class="uptotop" data-uk-smooth-scroll><img src="images/uptotop.png" /></a>
            	</div>
            </li>
            <li>
            	<div class="row">
            		<ul class="uk-subnav uk-subnav-pill ml5">
            			<li class="uk-active"><a>Newsletter</a></li>
            			<li><a>Download Center</a></li>
            		</ul>
					<div class="col-md-4">
						<div class="download_center_box con">
							<img src="images/demo/dc_demo_img.jpg" width="100%">
							<div class="download_center_content">
								<p>2017 AICM Newsletter-May Edition</p>
								<span>May 17th, 2017</span>
								<br>
								<a href="javascript:;" class="download_center_btns">
									<i class="iconfont icon-chakan"></i>Read
								</a>
								<a href="javascript:;" class="download_center_btns">
									<i class="iconfont icon-xiazai"></i>Download
								</a>
							</div>
						</div>
					</div>
					<div class="col-md-4">
						<div class="download_center_box con">
							<img src="images/demo/dc_demo_img.jpg" width="100%">
							<div class="download_center_content">
								<p>2017 AICM Newsletter-May Edition</p>
								<span>May 17th, 2017</span>
								<br>
								<a href="javascript:;" class="download_center_btns">
									<i class="iconfont icon-chakan"></i>Read
								</a>
								<a href="javascript:;" class="download_center_btns">
									<i class="iconfont icon-xiazai"></i>Download
								</a>
							</div>
						</div>
					</div>
					<div class="col-md-4">
						<div class="download_center_box con">
							<img src="images/demo/dc_demo_img.jpg" width="100%">
							<div class="download_center_content">
								<p>2017 AICM Newsletter-May Edition</p>
								<span>May 17th, 2017</span>
								<br>
								<a href="javascript:;" class="download_center_btns">
									<i class="iconfont icon-chakan"></i>Read
								</a>
								<a href="javascript:;" class="download_center_btns">
									<i class="iconfont icon-xiazai"></i>Download
								</a>
							</div>
						</div>
					</div>
					<div class="col-md-4">
						<div class="download_center_box con">
							<img src="images/demo/dc_demo_img.jpg" width="100%">
							<div class="download_center_content">
								<p>2017 AICM Newsletter-May Edition</p>
								<span>May 17th, 2017</span>
								<br>
								<a href="javascript:;" class="download_center_btns">
									<i class="iconfont icon-chakan"></i>Read
								</a>
								<a href="javascript:;" class="download_center_btns">
									<i class="iconfont icon-xiazai"></i>Download
								</a>
							</div>
						</div>
					</div>
					<div class="col-md-4">
						<div class="download_center_box con">
							<img src="images/demo/dc_demo_img.jpg" width="100%">
							<div class="download_center_content">
								<p>2017 AICM Newsletter-May Edition</p>
								<span>May 17th, 2017</span>
								<br>
								<a href="javascript:;" class="download_center_btns">
									<i class="iconfont icon-chakan"></i>Read
								</a>
								<a href="javascript:;" class="download_center_btns">
									<i class="iconfont icon-xiazai"></i>Download
								</a>
							</div>
						</div>
					</div>
					<div class="col-md-4">
						<div class="download_center_box con">
							<img src="images/demo/dc_demo_img.jpg" width="100%">
							<div class="download_center_content">
								<p>2017 AICM Newsletter-May Edition</p>
								<span>May 17th, 2017</span>
								<br>
								<a href="javascript:;" class="download_center_btns">
									<i class="iconfont icon-chakan"></i>Read
								</a>
								<a href="javascript:;" class="download_center_btns">
									<i class="iconfont icon-xiazai"></i>Download
								</a>
							</div>
						</div>
					</div>
					<div class="clear"></div>
					<ul class="uk-pagination">
						<li><a href=""><i class="uk-icon-angle-double-left"></i></a></li>
					    <li><a href="">1</a></li>
					    <li class="uk-active"><span>2</span></li>
					    <li><a href="">3</a></li>
					    <li><a href="">4</a></li>
					    <li><span>...</span></li>
					    <li><a href="">20</a></li>
					    <li><a href=""><i class="uk-icon-angle-double-right"></i></a></li>
					</ul>
				</div>
				<a href="#top" class="uptotop" data-uk-smooth-scroll><img src="images/uptotop.png" /></a>
            </li>
            <li>Activity data</li>
            <li>
            	<div class="logreg_input_box">
					<p>委员会A：</p>
					<label><input type="checkbox">危险化学品管理</label>
					<label><input type="checkbox">危险化学品管理</label>
					<label><input type="checkbox">危险化学品管理</label>
					<label><input type="checkbox">危险化学品管理</label>
					<label><input type="checkbox">危险化学品管理</label>
					<label><input type="checkbox">危险化学品管理</label>
					<label><input type="checkbox">危险化学品管理</label>
					<label><input type="checkbox">危险化学品管理</label>
					<label><input type="checkbox">危险化学品管理</label>
					<label><input type="checkbox">危险化学品管理</label>
					<label><input type="checkbox">危险化学品管理</label>
					<label><input type="checkbox">危险化学品管理</label>
				</div>
				<div class="logreg_input_box">
					<p>委员会A：</p>
					<label><input type="checkbox">危险化学品管理</label>
					<label><input type="checkbox">危险化学品管理</label>
					<label><input type="checkbox">危险化学品管理</label>
					<label><input type="checkbox">危险化学品管理</label>
					<label><input type="checkbox">危险化学品管理</label>
					<label><input type="checkbox">危险化学品管理</label>
					<label><input type="checkbox">危险化学品管理</label>
					<label><input type="checkbox">危险化学品管理</label>
					<label><input type="checkbox">危险化学品管理</label>
					<label><input type="checkbox">危险化学品管理</label>
					<label><input type="checkbox">危险化学品管理</label>
					<label><input type="checkbox">危险化学品管理</label>
				</div>
            </li>
        </ul>
	</div>
</div>
<!-- 正文结束 -->

<!-- footer start -->
<div class="footer">
	<div class="container">
		<div class="row">
			<div class="pc_bottom_nav">
				<div class="col-md-2">
					<div class="footer_nav_title">News</div>
					<ul class="footer_nav_list">
						<li>Industry News</li>
						<li>Policy Focus</li>
						<li>Videos</li>
					</ul>
				</div>
				<div class="col-md-2">
					<div class="footer_nav_title">Activities</div>
					<ul class="footer_nav_list">
						<li>Upcoming Events</li>
						<li>Events Review</li>
						<li>Major Events</li>
					</ul>
				</div>
				<div class="col-md-2">
					<div class="footer_nav_title">Download Center</div>
					<ul class="footer_nav_list">
						<li>Newsletter</li>
						<li>Download Center</li>
					</ul>
				</div>
				<div class="col-md-2">
					<div class="footer_nav_title">About AICM</div>
					<ul class="footer_nav_list">
						<li>Introduction</li>
						<li>Message form Board</li>
						<li>AICM Committee</li>
						<li>AICM Members</li>
						<li>AICM Bylaws</li>
						<li>About Responsible Care</li>
						<li>Contact Us</li>
					</ul>
				</div>
				<div class="col-md-2">
					<div class="footer_nav_title">Members</div>
					<ul class="footer_nav_list">
						<li>Login</li>
						<li>Profile</li>
						<li>Monthly Members</li>
						<li>Activities</li>
						<li>Notice</li>
						<li>Download</li>
						<li>Document</li>
					</ul>
				</div>
				<div class="col-md-2">
					<div class="footer_nav_title">FOLLOW US</div>
					<ul class="footer_nav_list">
						<li style="margin-bottom: 10px;"><img src="images/share_icon.jpg" /></li>
						<li><img src="images/qrcode_img.jpg" /></li>
					</ul>
				</div>
			</div>
			<div class="bottom_logos_box">
				<img src="images/bottom_logos.png" />
				<p>Copyright  2014 Association of International Chemical Manufacturers(AICM),All Rights Reserved</p>
			</div>
		</div>
	</div>
</div>
<!-- footer start -->
</body>
</html>
